	<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新冠疫情分析系统</title>
	<script src="/js/jquery-3.1.1.min.js"></script>
	<script>
/*	 $(window).load(function(){
             $(".loading").fadeOut()
            }) */
	</script>
	
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/map.css">
</head>
<body>
<!--	<div class="loading">
      <div class="loadbox"> <img src="/picture/loading.gif"> 页面加载中... </div>
    </div>-->
<div class="data">
    <div class="data-title">
        <div class="title-center ">新冠疫情分析系统</div>
    </div>
    <div class="data-content">
        <div class="con-left fl">
            <div class="left-top">
                <div class="info boxstyle" style="height: 200px;">
                    <div class="title">数据统计</div>
                    <div class="info-main" >
						<ul>
							<li><img src="/picture/info-img-1.png" alt=""><span>确诊人数最多的地区</span><p>武汉</p></li>
							<li><img src="/picture/info-img-2.png" alt=""><span>确诊人数最少的地区</span><p>西藏 </p></li>
	
						</ul>
                    </div>
                </div>
                <div class="top-bottom boxstyle" style="height: 300px;">
                    <div class="title">
                    	<span>疫情数据占比</span>
                	  	<select id="nameSelect" onchange="echarts_1()">
                		<option value="四川">四川</option>
                		<option value="贵州">贵州</option>
                            <option value="西藏">西藏</option>
                            <option value="湖北">湖北</option>
                            <option value="北京">北京</option>
                            <option value="浙江">浙江</option>
                            <option value="山西">山西</option>
                            <option value="云南">云南</option>
                	</select>
                    </div>
                    <div id="echarts_1"  style="height: 300px;"></div>
                </div>

        </div>
            </div>
        <div class="con-center fl">
            <div class="map-num">
                <p>中国新冠疫情死亡人数分布</p>
           
            </div>
            <div class="cen-top map" id="map"></div>
        
        </div>
        <div class="con-right fr">
            <div class="right-top boxstyle">
                <div class="title">
                	
                		<span>新冠疫情确诊人数TOP5</span>
                	
                </div>
                <div id="echarts_4" class="charts"></div>
            </div>
            <div class="right-center boxstyle">
                <div class="title">
                	
                	<span>新冠疫情治愈人数TOP5</span>
                	
                </div>
                <div id="echarts_5" class="charts"></div>
            </div>
            <div class="right-bottom boxstyle">
                <div class="title">
              
                	<span>新冠疫情死亡人数TOP3</span>
                	
                </div>
                <div id="echarts_6" class="charts"></div>
            </div>
        </div>
    </div>
</div>
</body>

<script src="/js/echarts.min.js"></script>
<script src="/js/china.js"></script>
<script src="/js/echarts.js"></script>
</html>